<div class="container-fluid">
    <div class="login-container">
        <section class="login-form">
            <h3>用户登录</h3>
            <nz-alert nzType="error" *ngIf="hasError" nzMessage="{{errorMessage}}" nzShowIcon></nz-alert>
            <p class="row">
                <strong>用户名</strong>
                <input nz-input placeholder="Basic usage" [(ngModel)]="username" placeholder="请输入用户名" />
            </p>
            <p class="row">
                <strong>密码</strong>
                <input nz-input placeholder="Basic usage" [(ngModel)]="password" type="password" placeholder="请输入密码" />
            </p>
            <p class="loginbutton">
                <button nz-button style="width: 100%" (click)="onLoginClicked()" nzType="primary">登录</button>
            </p>
            <p class="register">
                <a nz-button nzType="link" (click)="loginByDingTalk()">钉钉扫码登录</a>
            </p>
        </section>
    </div>
</div>